<template>
    <div class="bgfff pl15 pt15 pr15 card7">
        <div class="posre h426 overhidden boxshadow">
            <img v-if='src' :src="src" alt=""
                 class="posab left0 top0 card7_bg w100p h426">

          <div class="card7_right cblk">
            <p class="fs20 cblk fbold">{{card_msg.username || '姓名'}}</p>
            <p class="fs10 c38 lh15 mt5">{{card_msg.post || '职位'}}</p>
          </div>

          <div class="cacrd7_header" >
            <img :src="card_msg.picchecked || userlogo" alt=""
                 class="imgheader7">
          </div>

          <div class="cacrd7_left">
            <p class="fs12 cblk pb3" @click="makePhone(card_msg.tel)">{{card_msg.tel || '电话'}}</p>
            <p class="fs12 cblk pb3">{{card_msg.email || '邮箱'}}</p>
            <span class="fs12 cblk">{{card_msg.company || '公司名称'}}</span>
          </div>doThumbs

        </div>
    </div>
</template>

<script>
  import util from "../utils";
    export default {
        name: "card_7",
        props:['card_msg'],
        data(){
            return {
              src:'https://you-one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/card7_bg.png'
            }
        },
      methods:{
        makePhone(tel) {//拨打电话
          if (tel) {
            util.MakePhone(tel);
          }
        }
      }

    }
</script>

<style>

  .card7_bg{
    border-radius:10px;
  }
  .boxshadow{
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 10px 0px rgba(6, 1, 0, 0.35);
    border-radius:10px;
  }

  .card7_right {
    position: absolute;
    left: 80upx;
    top: 70upx;
  }

  @media screen and (max-width: 375px) {
    .cacrd7_header{
      position: absolute;
      top:260upx;
      left: 86upx;
    }
    .imgheader7{
      width:95upx;
      height:92upx;
      border-radius:5px;
    }
    .cacrd7_left {
      line-height: 38upx;
      position: absolute;
      right:140upx;
      text-align: right;
      bottom:65upx;
    }
  }

  @media screen and (min-width: 414px) {
    .cacrd7_header{
      position: absolute;
      top: 260upx;
      left: 87upx;
    }
    .imgheader7{
      width:94upx;
      height:94upx;
      border-radius:5px;
    }
    .cacrd7_left {
      text-align: right;
      line-height: 38upx;
      position: absolute;
      right: 140upx;
      bottom:70upx;
    }
  }

</style>
